<template>
  <view class="layout-input">
    <view class="layout-title">广州智联成附属学校公文流转</view>
    <view class="layout-input-detail">
      <layout-picker-item :array="array"></layout-picker-item>
      <layout-picker-item :array="array"></layout-picker-item>
      <layout-picker-item :array="array"></layout-picker-item>
      <layout-input></layout-input>
      <layout-input></layout-input>
      <layout-input></layout-input>
    </view>
  </view>
</template>

<script>
import layoutInput from "../layout-input/layout-input.vue";
export default {
  components: { layoutInput },
  data() {
    return {
      array: ["中国", "美国", "巴西", "日本"],
    };
  },
};
</script>

<style lang='scss' >
.layout-input {
  margin: 20rpx auto;
  width: 690rpx;
  border-radius: 10rpx;
}
.layout-title {
  text-align: center;
  line-height: 100rpx;
  width: 100%;
  height: 100rpx;
  color: #2e3034;
  background-color: #e7f3ff;
  font-size: 30rpx;
}
</style>